@charset "utf-8";


/* 
  添加全局样式 
  :root 伪类 表示文档根元素 
  var（） 函数可以替代元素中任何属性中任何部分 
*/
:root {
    --BASE: #fff;
    --pic: #E92D48; 
    --video: #2B23AE; 
    --ppt: #EA492C;
    --dimensions: #2254F4;
    --photography: #00B26B;
    --h5: #4F07B4;
    --gif: #161A25;
    --text: #00B791;

    --picRGB: rgba(233, 45, 72);
    --videoRGB: rgba(43, 35, 174); 
    --pptRGB: rgba(234, 73, 44);
    --dimensionsRGB: rgba(34, 84, 244);
    --photographyRGB: rgba(0, 178, 107);
    --h5RGB: rgba(79, 7, 180);
    --gifRGB: rgba(55, 67, 100);
    --textRGB: rgba(0, 183, 145);

    --picBackground: rgba(233, 45, 72, 0.1);
    --videoBackground: rgba(43, 35, 174, 0.1); 
    --pptBackground: rgba(234, 73, 44, 0.1);
    --dimensionsBackground: rgba(34, 84, 244, 0.1);
    --photographyBackground: rgba(0, 178, 107, 0.1);
    --h5Background: rgba(79, 7, 180, 0.1);
    --gifBackground: rgba(55, 67, 100, 0.1);
    --textBackground: rgba(0, 183, 145, 0.1);
}

$pic: #E92D48; 
$video: #2B23AE; 
$ppt: #EA492C;
$dimensions: #2254F4;
$photography: #00B26B;
$h5: #4F07B4;
$gif: #161A25;
$text: #00B791;

// 
$eachColorList: (
  "pic": #E92D48, 
  "video": #2B23AE, 
  "ppt": #EA492C,
  "dimensions": #2254F4,
  "photography": #00B26B,
  "h5": #4F07B4,
  "gif": #161A25,
  "text": #00B791
);
$eachBackColorList: (
  "pic": rgba(233, 45, 72, 0.1), 
  "video": rgba(43, 35, 174, 0.1), 
  "ppt": rgba(234, 73, 44, 0.1),
  "dimensions": rgba(34, 84, 244, 0.1),
  "photography": rgba(0, 178, 107, 0.1),
  "h5": rgba(79, 7, 180, 0.1),
  "gif": rgba(55, 67, 100, 0.1),
  "text": rgba(0, 183, 145, 0.1)
);

$ColorList: $pic,$video,$ppt,$dimensions,$photography,$h5,$gif,$text;

:export {
  colorList: $ColorList;
}



// 适配移动端浏览器
// rem 适配
$font_size_12: 12px;
$font_size_14: 14px;
$font_size_16: 16px;
$font_size_18: 18px;
$font_size_18: 24px;

@mixin add-size($size) {
  font-size: $size;
  [data-size = "0"] & {
    font-size: $font_size_14;
  }
  [data-size = "1"] & {
    font-size: $font_size_16;
  }
  [data-size = "2"] & {
    font-size: $font_size_18;
  }
}
// vw vh 适配
// $device-width: 375; // 设计稿的宽度
// $vw: 100vw / $device-width;
// @mixin pxConvertVw($px) {
//   font-size: 100vw / $device-width * $px
// };
// :export {
//   vw: $vw
// }



// @media only screen and () {

// }
// @media only screen and () {

// }



// @media screen and (-webkit-min-device-pixel-ratio:2) {
//   .logo{
//     content: url(../imgs/logo@2x.jpg)
//   }
// }
// @media screen and (-webkit-min-device-pixel-ratio:3) {
// .logo{
// content: url(../imgs/logo@3x.jpg)
// }
// }

// @media only screen and (max-width: 576) {
//   .nav_wrap {
//     background-color: red;
//   }
//   .nav {
//     background-color: red;
//   }
// };
